<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="./static/plugins/layui/css/layui.css" />
    <link type="text/css" rel="stylesheet" href="./static/css/link.css"/>
    <script type="text/javascript" src="./static/plugins/jquery/jquery-2.0.3.min.js  "></script>
    <script type="text/javascript" src="./static/plugins/layui/layui.js"></script>
    <link type="text/css" rel="stylesheet" href="./static/css/activitylist.css" />
    <link type="text/css" rel="stylesheet" href="./static/css/toastr.css"/>
    <script type="text/javascript" src="./static/js/toastr.js"></script>
    <script type="text/javascript" src="./static/js/toastrUtil.js"></script>
    <script type="text/javascript" src="./static/js/activitylist.js"></script>

</head>
<body>
<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: 10px;">
    <div class="layui-card">
        <div class="layui-card-header">
            <div>
                <table>
                    <tr>
                        <td><div style="width: 6px;height: 20px; margin:10px; background-color: #f74c1e"></div></td>
                        <td><font color="#222222" size="4px" >活动管理</font></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="layui-card-body">
            <div class="layui-form" style="display: none">
                <div style="margin-top: 15px; margin-left: 15px">
                    <div class="layui-inline">
                        <input class="layui-input" id="searchActivityId" autocomplete="off" placeholder="输入活动名称关键字">
                    </div>
                    <div class="layui-input-inline">
                        <select name="statusSelect" lay-verify="" id="status">
                            <option value="">请选择状态</option>
                            <option value="0">创建中</option>
                            <option value="1">已创建</option>
                            <option value="2">审批中</option>
                            <option value="3">未开始</option>
                            <option value="4">执行中</option>
                            <option value="5">结束</option>
                            <option value="6">已下线</option>
                        </select>
                    </div>
                    <button class="layui-btn" id="search" data-type="reload">搜索</button>
                </div>
            </div>
            <div style="margin-left: 10px; margin-right: 10px">
                <table id = "activityTable" lay-filter="activityFilter"></table>
            </div>
        </div>
    </div>
</div>
</body>

<div id="layerOpen" style="height:500px; display: none" >
    <div>
        <table>
            <tr>
                <td><div style="width: 6px;height: 20px; margin:10px; background-color: #f74c1e"></div></td>
                <td><font color="#222222" size="5px" >基础信息</font></td>
            </tr>
        </table>
    </div>
    <table class="activityDetail" id="activityDetailTable" style="margin-left: 10px;margin-right: 10px; border-collapse:separate; border-spacing:0px 2px;">
        <tr>
            <td class="title"><font class="titleText">活动名称</font></td>
            <td class="value" ><font class="valueText" id="activityName"></font></td>
        </tr>
        <tr>
            <td class="title"><font class="titleText">活动时间</font></td>
            <td class="value"><font class="valueText" id="activityTime"></font></td>
        </tr>
        <tr style="border-collapse:separate;">
            <td class="title"><font class="titleText">活动状态</font></td>
            <td class="value"><font class="valueText" id="activityStatus"></font></td>
        </tr>
        <tr>
            <td class="title"><font class="titleText">参与店铺</font></td>
            <td class="value"><font class="valueText" id="activityStores"></font></td>
        </tr>
        <tr>
            <td class="title"><font class="titleText">短信配置</font></td>
            <td class="value"><div><font class="valueText" id="activityMsg"></font></div></td>
        </tr>
    </table>
    <div>
        <table>
            <tr>
                <td><div style="width: 6px;height: 20px; margin:10px; background-color: #f74c1e"></div></td>
                <td><font color="#222222" size="5px" >奖品配置</font></td>
            </tr>
        </table>
    </div>
    <div style="margin-left: 10px;margin-right: 10px">
        <table id = "activityAwardTable"></table>
    </div>
</div>
</body>
</html>